<div id="auto_width" style="width: auto; height: 50px; flex-direction: row;">
  <div style="width: 50px; height: 50px"></div>
  <div style="width: 50px; height: 50px"></div>
  <div style="width: 50px; height: 50px"></div>
</div>

<div id="auto_height" style="width: 50px; height: auto;">
  <div style="width: 50px; height: 50px"></div>
  <div style="width: 50px; height: 50px"></div>
  <div style="width: 50px; height: 50px"></div>
</div>

<div id="auto_flex_basis" style="width: 50px; flex-basis: auto;">
  <div style="width: 50px; height: 50px"></div>
  <div style="width: 50px; height: 50px"></div>
  <div style="width: 50px; height: 50px"></div>
</div>

<div id="auto_position" style="width: 50px; height: 50px;">
  <div style="width: 25px; height: 25px; right: auto"></div>
</div>

<div id="auto_margin" style="width: 50px; height: 50px;">
  <div style="width: 25px; height: 25px; margin-left: auto"></div>
</div>
